ES6 Set

#ES6 Set | 来源: 网络整理| 查看: 265

ES6 Set

Introduction to ES6 Set

The following article provides an outline for ES6 Set. A set is a type of data structure that lets you create a collection of distinct values that, along with sets are groupings of things or values that can be more deal with a single object or value. The sets are collections of values that are similar. Still, they don’t have any duplicates, enabling us to save the values accepted for both primitive values and object references that supported similar steps for mapping collection interfaces that ordered to the set. Thee and the elements are to be iterated using insertion order.

What is es6 set?

It is a type of data structure that allows for creating a collection of distinct and unique sets of values. The sets are groupings of things supported along with the partners and deal with a single type of object or value. The sets are collections of values that are similar to the arrays, but it does not have any duplicates and enable it for us to save the kind of unique values that accept for both primitive values and object references. It is an unordered collection of the unique value with the object speed for representing javascript.

Start Your Free Software Development Course

Web development, programming languages, Software testing & others

es6 set elements

The Set object allows you to store one-of-a-kind values of any type, including primitive values and object references. The set object mainly refers to the collection of values by using insertion order that can be iterated and set the item elements in the interface. And also, the value in the Set can only be appear once in the set collection, and it is the unique one. The Set has a number of methods that determine whether a value exists in a Set object by employing a method that is to be, on average time, faster than the evaluating for most of the UI components that have been previously added to the Set object. For example, on average, it is a time faster than the Array.prototype. In addition, it includes a method when the length of an Array object is equal to the size of a Set object.

es6 set methods

A JavaScript Set is a group of distinct values with the help of the ecma6 script. Further in a set collection, each value can only be appear at them once. We use any type of value or the data type that can be stored as a Set. It does not allow duplicate content. It has the following types of elements that can be used to implement the set interface.

new Set(): It helps to create a new set of elements, so the object is created and used to access the other elements, methods, etc. add(): It helps to add the new element in the set collection list. The newly introduced element will be added on this method. Delete(): It is one of the methods that help to remove the element from the set interface. Has(): This method helps to return the boolean value that can only accept the true conditions. So if the value exists only, this method is called. keys(): It is the unique set of elements, and ids help retrieve the elements. values(): It helps to return the iterator with the set values. forEach(): Using this method invokes the callback for each set of elements. entries(): It is one of the methods that helps to return the iterator with the pairs like a key, value pairs from the set interface. es6 set Example

Different examples are mentioned below:

Example #1

Code:

Welcome to My domain; it’s the first example that related to the set concept

Have a Nice day users Set Interface let mnths = new Set(['January', 'February', 'March', 'April', 'May', 'June','July','August','September','October','November','December']); mnths.add('First'); mnths.add('second'); mnths.add('third'); mnths.add('four'); mnths.add('five'); mnths.add('six'); mnths.add('seven'); mnths.add('eigth'); mnths.add('nine'); mnths.add('ten'); mnths.add('eleven'); mnths.add('twelve'); mnths.add('eight'); function mthd(vals){ document.getElementById("one").innerHTML=vals } mnths.forEach(mthd);

Output:

ES6 Set output 1

In the above example, we used Set concepts in different areas. First, we must be declaring the html components, and then by using the html body tag elements, the javascript will be called and used in the html UI components. Next, we used javascript components called a let and the function for declaring and initializing the application logic. Finally, by using the forEach() method and the loop to execute the Set method called add() and the functionality to avoid and show the duplicates on the page.

Example #2

Code:

Welcome to My domain; it’s the second example that related to the set concept

Have a Nice day users let Tvs = new Set(['Samsung', 'Airtel', 'eAirtec', 'Onida', 'Vu', 'Mi','Panasonic','Verizon','Sony','LG','Haier','Videocon']); Tvs.has('Mi'); Tvs.has('Onida'); Tvs.has('TCL'); function mthd(vals){ document.getElementById("one").innerHTML=Tvs.has('Mi'); } function mthd1(vals){ document.getElementById("one").innerHTML=Tvs.has('Onida'); } function mthd2(vals){ document.getElementById("one").innerHTML=Tvs.has('TCL'); } Tvs.forEach(mthd); Tvs.forEach(mthd1); Tvs.forEach(mthd2);

Output:

ES6 Set output 2

In the second example, we used a set to feature along with the method called has() to validate and check the user inputs. It will be checked and validate the datas and return the boolean results.

ES6 – Maps and Sets

In ES6 has n number of collections, and the features among that Set and Map are the two most essential features for implementing the ECMA scripts. The user inputs are validated and used as the store and retrieve process of the html ui elements.

Maps:

The Map data structure in ECMAScript 6 is extremely useful since it allows us to utilise any values in both keys and values. Furthermore, we can set up the map elements using the iterable over the key-value pairs.

Sets:

To hold the elements of a set of strings, we used an object’s keys. It helps to search the elements in the IndexOf() method to search the contents. We can also use the filter() method to filter the elements.

Conclusion

In general, collections are the most important feature for storing and retrieving the elements in the UI components. For client-side validation, we can validate the unique set of elements in the un-ordered collections; the set can be iterated using the insertion technique and any type of values.

ES6 Set

ES6 Set

今日新闻

推荐新闻